<template>
  <el-card shadow="never">
    <template #header>
      <slot name="header"></slot>
    </template>
    <el-row>
      <el-col :span="24">
        <el-descriptions>
          <el-descriptions-item label="用户名">
            {{ user.name || '空' }}
          </el-descriptions-item>

          <el-descriptions-item label="手机号">
            {{ user.phone }}
          </el-descriptions-item>
        </el-descriptions>
        <el-descriptions>
          <el-descriptions-item label="未支付订单数">
            {{ user.unpayOrderNum || '空' }}
          </el-descriptions-item>
          <el-descriptions-item label="未支付订单金额">
            {{ user.unpaidOrderAmount }}
          </el-descriptions-item>
        </el-descriptions>
        <el-descriptions>
          <el-descriptions-item label="备注">
            {{ user.remake || '空' }}
          </el-descriptions-item>
        </el-descriptions>
      </el-col>
    </el-row>
  </el-card>
</template>
<script setup lang="ts">


// 页面加载时

const {user} = defineProps<{ user: UserDetailChilen }>()


</script>
<style scoped lang="scss">
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
